/* Empty. Add your own CSS if you like */
html{font-size:10px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}
body .item-input-wrapper{
    background: transparent;
}
.input-search{
    border: 1px solid #e1e1e1!important;
    border-radius: 1.2rem!important;
}
body .button-clear{
    color: inherit!important;
}
.index-slide-wrap{
    height: 16rem;
}
.index-slide-wrap .row{
    height: 7rem;
}
.index-slide-wrap .row .col{
    text-align: center;
}
.index-slide-wrap .row img{
    height: 3rem;
    width: 3rem;
}
/*.index-slide-wrap .row p{
    text-align: center;
}*/
.discount{
    border-top: 1rem solid #efefef;
    height: 25rem;
    border-bottom: 1rem solid #efefef;
}
.discount .row{
    height: 12rem;
    border-bottom: 1px solid #efefef;
}
.discount .row:last-child{
    border-bottom: none;
}
.discount .row .col{
    text-align: center;
    border-right: 1px solid #efefef;
}
.discount .row .col:last-child{
    border-right: none;
}
/*.discount-title,.discount-explain{
    text-align: center;
}*/
.discount-title{
    font-size: 1.5rem;
    font-weight: bold;
}
.discount-img{
    width: 5rem;
    height: 5rem;
}
.discount-title-2{
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: bold;
}
.discount-img-2{
    width: 4rem;
    height: 4rem;
}
.color1{
    color: #ffb60f;
}
.color2{
    color: #ff7601;
}
.color3{
    color: #ff6054;
}
.color4{
    color: #ff56af;
}
.color5{
    color: #8fd843;
}
.color6{
    color: #38cbed;
}
.color7{
    color: #bb8bff;
}
.nearby-sub-header span{
    font-weight: bold;
}